<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>23_定位-特殊情况2-定位元素的宽度-static</title>
        <style>
            #outer {
                width: 800px;
                height: 200px;
                padding: 10px;
                background-color: #ccc;
            }

            #inner {
                /* （1）position的值是static的时候 那么该元素的内容是父元素的宽 
                   （2）给大盒子加内边距 对小盒子没有任何影响
                   （3）如果给小盒子添加内边距和边框 会压缩小盒子内容的宽度
                */
                position: static;
                padding: 5px;
                border: 5px solid red;
            }
        </style>
    </head>
    <body>
        <div id="outer">
            <div id="inner">炸雷</div>
        </div>
    </body>
</html>